<!DOCTYPE html>
<html lang="en">
  <head>
    <title data-i18n="instructionsPageTitle"></title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
    <link rel="shortcut icon" type="image/png" href="../images/addon-logo.svg" />
    <link rel="stylesheet" href="instructions.scss" />
  </head>

  <body>
    <div class="d-flex align-items-start">
      <div class="nav flex-column nav-pills me-3" role="tablist" aria-orientation="vertical">
        <button class="nav-link" id="windows-install-tab" data-bs-toggle="tab" data-bs-target="#windows-install-pane" type="button" role="tab" aria-controls="windows-install-pane" aria-selected="false" data-i18n="instructionsPageTabWindows"></button>
        <button class="nav-link" id="linux-deb-install-tab" data-bs-toggle="tab" data-bs-target="#linux-deb-install-pane" type="button" role="tab" aria-controls="linux-deb-install-pane" aria-selected="false" data-i18n="instructionsPageTabDebian"></button>
        <button class="nav-link" id="linux-rpm-install-tab" data-bs-toggle="tab" data-bs-target="#linux-rpm-install-pane" type="button" role="tab" aria-controls="linux-rpm-install-pane" aria-selected="false" data-i18n="instructionsPageTabRedHat"></button>
        <button class="nav-link" id="linux-arch-install-tab" data-bs-toggle="tab" data-bs-target="#linux-arch-install-pane" type="button" role="tab" aria-controls="linux-arch-install-pane" aria-selected="false" data-i18n="instructionsPageTabArch"></button>
        <button class="nav-link" id="linux-gentoo-install-tab" data-bs-toggle="tab" data-bs-target="#linux-gentoo-install-pane" type="button" role="tab" aria-controls="linux-gentoo-install-pane" aria-selected="false" data-i18n="instructionsPageTabGentoo"></button>
        <button class="nav-link" id="linux-nixos-install-tab" data-bs-toggle="tab" data-bs-target="#linux-nixos-install-pane" type="button" role="tab" aria-controls="linux-nixos-install-pane" aria-selected="false" data-i18n="instructionsPageTabNixOS"></button>
        <button class="nav-link" id="macos-install-tab" data-bs-toggle="tab" data-bs-target="#macos-install-pane" type="button" role="tab" aria-controls="macos-install-pane" aria-selected="false" data-i18n="instructionsPageTabMacOS"></button>
        <button class="nav-link" id="bsd-install-tab" data-bs-toggle="tab" data-bs-target="#bsd-install-pane" type="button" role="tab" aria-controls="bsd-install-pane" aria-selected="false" data-i18n="instructionsPageTabBSD"></button>
        <button class="nav-link" id="source-install-tab" data-bs-toggle="tab" data-bs-target="#source-install-pane" type="button" role="tab" aria-controls="source-install-pane" aria-selected="false" data-i18n="instructionsPageTabSourceCode"></button>
        <button class="nav-link" id="other-install-tab" data-bs-toggle="tab" data-bs-target="#other-install-pane" type="button" role="tab" aria-controls="other-install-pane" aria-selected="false" data-i18n="instructionsPageTabOtherPlatforms"></button>
      </div>

      <div class="tab-content">
        <div class="tab-pane fade" id="windows-install-pane" role="tabpanel" aria-labelledby="windows-install-tab">
          <div>
            <span data-i18n="instructionsPageInstallManualMSITitle"></span>
            <ol>
              <li data-i18n="instructionsPageInstallManualMSIStep1"></li>
              <li data-i18n="instructionsPageInstallManualMSIStep2"></li>
              <li data-i18n="instructionsPageAfterProgramsInstalled"></li>
            </ol>
          </div>
          <div>
            <span><em data-i18n="instructionsPageOr"></em> <span data-i18n="instructionsPageInstallWingetTitle"></span></span>
            <ol>
              <li data-i18n="instructionsPageInstallWingetStep1"></li>
              <li><span data-i18n="instructionsPageInstallWingetStep2"></span> <kbd>winget install firefoxpwa --version <span class="connector-project-version"></span></kbd></li>
              <li data-i18n="instructionsPageAfterPackageInstalled"></li>
            </ol>
          </div>
          <div>
            <span><em data-i18n="instructionsPageOr"></em> <span data-i18n="instructionsPageInstallChocolateyTitle"></span></span>
            <ol>
              <li data-i18n="instructionsPageInstallChocolateyStep1"></li>
              <li><span data-i18n="instructionsPageInstallChocolateyStep2"></span> <kbd>choco install firefoxpwa --version <span class="connector-project-version"></span></kbd></li>
              <li data-i18n="instructionsPageAfterPackageInstalled"></li>
            </ol>
          </div>
          <div>
            <span><em data-i18n="instructionsPageOr"></em> <span data-i18n="instructionsPageInstallNpackdTitle"></span></span>
            <ol>
              <li data-i18n="instructionsPageInstallNpackdStep1"></li>
              <li><span data-i18n="instructionsPageInstallNpackdStep2"></span> <kbd>ncl add -p firefoxpwa -v <span class="connector-project-version"></span></kbd></li>
              <li data-i18n="instructionsPageAfterPackageInstalled"></li>
            </ol>
          </div>
          <div>
            <span><em data-i18n="instructionsPageOr"></em> <span data-i18n="instructionsPageInstallScoopTitle"></span></span>
            <ol>
              <li data-i18n="instructionsPageInstallScoopStep1"></li>
              <li><span data-i18n="instructionsPageInstallScoopStep2"></span> <kbd>scoop bucket add extras</kbd></li>
              <li><span data-i18n="instructionsPageInstallScoopStep3"></span> <kbd>scoop install extras/firefoxpwa</kbd></li>
              <li data-i18n="instructionsPageAfterPackageInstalled"></li>
            </ol>
          </div>
          <div>
            <span><em data-i18n="instructionsPageOr"></em> <span data-i18n="instructionsPageInstallPAFTitle"></span></span>
            <ol>
              <li data-i18n="instructionsPageInstallPAFStep1"></li>
              <li data-i18n="instructionsPageInstallPAFStep2"></li>
              <li data-i18n="instructionsPageInstallPAFStep3"></li>
              <li data-i18n="instructionsPageInstallPAFStep4"></li>
            </ol>
          </div>
          <div>
            <span data-i18n="instructionsPageSignPathThanks"></span>
            <br />
            <a href="https://signpath.org/" target="_blank"><img width="200" src="https://signpath.org/assets/logo.svg" data-i18n data-i18n-alt="instructionsPageSignPathAlt" /></a>
          </div>
        </div>

        <div class="tab-pane fade" id="linux-deb-install-pane" role="tabpanel" aria-labelledby="linux-deb-install-tab">
          <div>
            <span data-i18n="instructionsPageInstallPackagecloudTitle"></span>
            <ol>
              <li data-i18n="instructionsPageInstallPackagecloudStep1"></li>
              <li data-i18n="instructionsPageAfterPackageInstalled"></li>
            </ol>
            <p class="ps-3">
              <span data-i18n="instructionsPagePackagecloudThanks"></span>
              <br />
              <a href="https://packagecloud.io/" target="_blank"><img width="200" src="https://packagecloud.io/images/packagecloud-badge.png" data-i18n data-i18n-alt="instructionsPagePackagecloudAlt" /></a>
            </p>
          </div>
          <div>
            <span><em data-i18n="instructionsPageOr"></em> <span data-i18n="instructionsPageInstallManualDEBTitle"></span></span>
            <ol>
              <li data-i18n="instructionsPageInstallManualDEBStep1"></li>
              <li data-i18n="instructionsPageAfterPackageInstalled"></li>
            </ol>
          </div>
        </div>

        <div class="tab-pane fade" id="linux-rpm-install-pane" role="tabpanel" aria-labelledby="linux-rpm-install-tab">
          <div>
            <span data-i18n="instructionsPageInstallPackagecloudTitle"></span>
            <ol>
              <li data-i18n="instructionsPageInstallPackagecloudStep1"></li>
              <li data-i18n="instructionsPageAfterPackageInstalled"></li>
            </ol>
            <p class="ps-3">
              <span data-i18n="instructionsPagePackagecloudThanks"></span>
              <br />
              <a href="https://packagecloud.io/" target="_blank"><img width="200" src="https://packagecloud.io/images/packagecloud-badge.png" data-i18n data-i18n-alt="instructionsPagePackagecloudAlt" /></a>
            </p>
          </div>
          <div>
            <span><em data-i18n="instructionsPageOr"></em> <span data-i18n="instructionsPageInstallManualRPMTitle"></span></span>
            <ol>
              <li data-i18n="instructionsPageInstallManualRPMStep1"></li>
              <li data-i18n="instructionsPageAfterPackageInstalled"></li>
            </ol>
          </div>
        </div>

        <div class="tab-pane fade" id="linux-arch-install-pane" role="tabpanel" aria-labelledby="linux-rpm-install-tab">
          <ol>
            <li><span data-i18n="instructionsPageLinuxArchInstallStep1"></span> <kbd>sudo pacman -S firefoxpwa</kbd></li>
            <li data-i18n="instructionsPageAfterPackageInstalled"></li>
          </ol>
        </div>

        <div class="tab-pane fade" id="linux-gentoo-install-pane" role="tabpanel" aria-labelledby="linux-gentoo-install-tab">
          <ol>
            <li><span data-i18n="instructionsPageLinuxGentooInstallStep1"></span> <kbd>sudo eselect repository enable guru</kbd></li>
            <li><span data-i18n="instructionsPageLinuxGentooInstallStep2"></span> <kbd>sudo emerge --sync guru</kbd></li>
            <li><span data-i18n="instructionsPageLinuxGentooInstallStep3"></span> <kbd>sudo emerge -avt www-plugins/firefoxpwa</kbd></li>
            <li data-i18n="instructionsPageAfterPackageInstalled"></li>
          </ol>
        </div>

        <div class="tab-pane fade" id="linux-nixos-install-pane" role="tabpanel" aria-labelledby="linux-nixos-install-tab">
          <ol>
            <li>
              <span data-i18n="instructionsPageLinuxNixOSInstallStep1"></span>
              <pre class="snippet"><code>environment.systemPackages = [
  pkgs.firefoxpwa
];

programs.firefox = {
  enable = true;
  package = pkgs.firefox;
  nativeMessagingHosts.packages = [ pkgs.firefoxpwa ];
};</code></pre>
              <span data-i18n="instructionsPageLinuxNixOSInstallStep1After"></span>
            </li>
            <li><span data-i18n="instructionsPageLinuxNixOSInstallStep2"></span> <kbd>sudo nixos-rebuild switch</kbd></li>
            <li data-i18n="instructionsPageLinuxNixOSInstallStep3"></li>
          </ol>
          <p><strong><span data-i18n="commonNote"></span>:</strong> <span data-i18n="instructionsPageLinuxNixOSInstallNotice"></span></p>
        </div>

        <div class="tab-pane fade" id="source-install-pane" role="tabpanel" aria-labelledby="source-install-tab">
          <ol>
            <li data-i18n="instructionsPageSourceInstallStep1"></li>
            <li data-i18n="instructionsPageSourceInstallStep2" id="connector-source-install-wix"></li>
            <li data-i18n="instructionsPageSourceInstallStep3"></li>
            <li data-i18n="instructionsPageSourceInstallStep4"></li>
            <li><span data-i18n="instructionsPageSourceInstallStep5"></span> <kbd>makers set-version</kbd></li>
            <li><span data-i18n="instructionsPageSourceInstallStep6"></span> <kbd>makers install</kbd></li>
            <li data-i18n="instructionsPageAfterProjectInstalled"></li>
          </ol>
          <p data-i18n="instructionsPageSourceInstallNotice1"></p>
          <p data-i18n="instructionsPageSourceInstallNotice2"></p>
        </div>

        <div class="tab-pane fade" id="macos-install-pane" role="tabpanel" aria-labelledby="macos-install-tab">
          <ol>
            <li data-i18n="instructionsPageMacOSInstallStep1"></li>
            <li><span data-i18n="instructionsPageMacOSInstallStep2"></span> <kbd>brew install firefoxpwa</kbd></li>
            <li data-i18n="instructionsPageMacOSInstallStep3"></li>
            <li data-i18n="instructionsPageMacOSInstallStep4"></li>
          </ol>
        </div>

        <div class="tab-pane fade" id="bsd-install-pane" role="tabpanel" aria-labelledby="bsd-install-tab">
          <p data-i18n="instructionsPageBSDInstallNotice"></p>
          <p><strong><span data-i18n="commonWarning"></span>:</strong> <span data-i18n="instructionsPageBSDInstallWarning"></span></p>
        </div>

        <div class="tab-pane fade" id="other-install-pane" role="tabpanel" aria-labelledby="other-install-tab">
          <p data-i18n="instructionsPageOtherInstallNotice"></p>
        </div>
      </div>
    </div>

    <script type="module" src="instructions.js"></script>
  </body>
</html>
